<template>
	<div class="ui-layout-footer">
		<slot></slot>
	</div>
</template>

<script>
export default {
	name: 'footerBar',
	data() {
		return {
			
		}
	},
	mounted() {
		const main = document.getElementById('main');
		if(main.append) {
			main.append(this.$el);
		} else {
			main.appendChild(this.$el);
		}
		main.classList.add('has-footer-bar');
	},
	beforeDestroy() {
		const main = document.getElementById("main");
		if(main) {
			main.removeChild(this.$el);
			main.classList.remove('has-footer-bar');
		}
	}
}
</script>